<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>鞍山阳天冶金能源技术有限公司</title>
    <link rel="stylesheet" href="css/footeranimation.css">
    <link rel="stylesheet" href="css/productshowmobile.css" media="screen and (max-width: 767px)">
    <link rel="stylesheet" href="css/productshow768.css" media="screen and (min-width: 768px) and (max-width: 991px)">
    <link rel="stylesheet" href="css/productshow992.css" media="screen and (min-width: 992px) and (max-width: 1119px)">
    <link rel="stylesheet" href="css/productsshow1120.css" media="screen and (min-width: 1120px) and (max-width: 1259px)">
    <link rel="stylesheet" href="css/productshow1260.css" media="screen and (min-width: 1260px)">
</head>
<body>
    <!-- 背景 -->
    <header id="bgbox" class="bgbox">
        <!-- 导航栏 -->
        <nav id="nav">
            <!-- logo -->
            <div class="logo">
                <a href="index.html">
                    <img src="assets/logo.png" alt="公司logo" />
                </a>
            </div>
            <!-- tabs -->
            <ul id="tabs">
                <a href="index.html"><li>首页</li></a>
                <a href="companyProfile.html"><li>公司简介</li></a>
                <a href="customerCases.html"><li>客户案例</li></a>
                <a href="productshow.html"><li id="product">产品展示</li></a>
                <a href="newsCenter.html"><li>新闻中心</li></a>
                <a href="TalentRecruitment.html"><li>人才招聘</li></a>
                <a href="onlineMessage.html"><li>在线留言</li></a>
                <a href="contactUs.html"><li>联系我们</li></a>
                <div id="line" class="line"></div>
                <div id="sub" class="sub">
                    <ul id="subtabs" class="subtabs">
                        <li><a href="productshow.html?data=datas1">割嘴类</a></li>
                        <li><a href="productshow.html?data=datas2">焊.烤嘴类</a></li>
                        <li><a href="productshow.html?data=datas3">割炬类</a></li>
                        <li><a href="productshow.html?data=datas4">焊.烤炬类</a></li>
                        <li><a href="productshow.html?data=datas5">火焰切割机</a></li>
                        <li><a href="productshow.html?data=datas6">耐高温切割机</a></li>
                        <li><a href="productshow.html?data=datas7">能源介质控制箱</a></li>
                    </ul>
                </div>
            </ul>

            <!-- 移动端用的小菜单 -->
            <div id="menu" class="menu">
                <img src="assets/icon-menu.png" alt="菜单图标" />
            </div>
        </nav>

        <!-- title & english -->
        <div class="title">
            <h3>-产品展示-</h3>
            <div class="english">Product Show</div>
        </div>
    </header>

    <!-- 主体部分 -->
    <main>
        <!-- 选择栏 -->
        <ul id="productTabs" class="product_tabs">
            <li class="cur"><a id="1" href="javascript:(0);">割嘴类</a></li>
            <li><a id="2" href="javascript:(0);">焊.烤嘴类</a></li>
            <li><a id="3" href="javascript:(0);">割炬类</a></li>
            <li><a id="4" href="javascript:(0);">焊.烤炬类</a></li>
            <li><a id="5" href="javascript:(0);">火焰切割机</a></li>
            <li><a id="6" href="javascript:(0);">耐高温切割机</a></li>
            <li><a id="7" href="javascript:(0);">能源介质控制箱</a></li>
        </ul>
        <!-- 具体内容 -->
        <div id="products" class="products">
            
        </div>
        <!-- 页码 -->
        <div id="page" class="page">
            
        </div>
        <!-- 描述 -->
        <div id="pageTotal" class="page_total">
            
        </div>
    </main>

    <!-- 底部footer -->
    <footer>
        <!-- 底部nav -->
        <div class="footer_head">
            <div class="footer_logo">
                <img src="assets/logo.png" alt="公司logo" />
            </div>
            <div class="footer_navi">
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="companyProfile.html">公司简介</a></li>
                    <li><a href="customerCases.html">客户案例</a></li>
                    <li><a href="productshow.html">产品展示</a></li>
                    <li><a href="newsCenter.html">新闻中心</a></li>
                    <li><a href="TalentRecruitment.html">人才招聘</a></li>
                    <li><a href="onlineMessage.html">在线留言</a></li>
                    <li><a href="contactUs.html">联系我们</a></li>
                </ul>
            </div>
        </div>
        <div class="footer_main">
            <div class="footerw">
                <div class="content">
                    <span>
                        <img src="assets/telephone.png" alt="电话" />
                        <h3>咨询电话</h3>
                        <p class="phone">0412-8051680、8051690</p>
                    </span>
                </div>
            </div>
            <div class="footerw">
                <div class="content">
                    <span>
                        <img src="assets/location.png" alt="电话" />
                        <h3>公司地址</h3>
                        <p>辽宁省鞍山市铁西区钢西路132号</p>
                    </span>
                </div>
            </div>
            <div class="footerw">
                <div class="content">
                    <span>
                        <img src="assets/email.png" alt="电话" />
                        <h3>电子邮箱</h3>
                        <p>hyhxg@163.com</p>
                    </span>
                </div>
            </div>
            <div class="footerw qrcode">
                <div class="pic">
                    <img src="assets/footer-qrcode.png" alt="qrcode" />
                    <h3>扫一扫</h3>
                </div>
            </div>
        </div>
        <div class="footer_footer">
            <p class="left">
                版权所有 鞍山阳天冶金能源技术有限公司
                <a href="#">辽ICP备18012886号-2</a>
                <a href="#">营业执照</a>
                <a href="http://www.longcai0412.com/" target="_blank">技术支持：鞍山龙采</a>
            </p>
            <p class="right">
                网站部分资源来自互联网公开渠道  如有侵权请及时联系本司删除
            </p>
        </div>
    </footer>

    <!-- 返回顶部 -->
    <a id="backTop" class="backtop" href="javascript:(0);">
        <img src="assets/backtop.png" alt="回到顶部" />
    </a>

    <!-- width < 992px 时的底部Tab栏 -->
    <div class="bottomtab">
        <div class="bottombox">
            <div class="icon">
                <a href="index.html">
                    <img src="assets/icon-index.png" alt="首页图标" />
                </a>
            </div>
            <h3>首页</h3>
        </div>
        <div class="bottombox">
            <div class="icon">
                <a href="javascript:;">
                    <img src="assets/icon-telephone.png" alt="电话图标" />
                </a>
            </div>
            <h3>电话</h3>
        </div>
        <div class="bottombox">
            <div class="icon">
                <a href="javascript:;">
                    <img src="assets/icon-message.png" alt="短信图标" />
                </a>
            </div>
            <h3>短信</h3>
        </div>
        <div class="bottombox">
            <div class="icon">
                <a href="productshow.html">
                    <img src="assets/icon-product.png" alt="产品图标" />
                </a>
            </div>
            <h3>产品</h3>
        </div>
    </div>

    <!-- width < 768px 时 移动端的导航栏 -->
    <div id="mobileNav" class="mobile_navi">
        <div class="mobiletab"><a href="index.html">首页</a></div>
        <div class="mobiletab"><a href="companyProfile.html">公司简介</a></div>
        <div class="mobiletab"><a href="customerCases.html">客户案例</a></div>
        <div class="mobiletab mobile_product">
            <a id="mobileProductShow" href="javascript:;" isdrop="false">
                产品展示
            </a>
            <div class="mobilebox"><a href="productshow.html?data=datas1">割嘴类</a></div>
            <div class="mobilebox"><a href="productshow.html?data=datas2">焊.烤嘴类</a></div>
            <div class="mobilebox"><a href="productshow.html?data=datas3">割炬类</a></div>
            <div class="mobilebox"><a href="productshow.html?data=datas4">焊.烤炬类</a></div>
            <div class="mobilebox"><a href="productshow.html?data=datas5">火焰切割机</a></div>
            <div class="mobilebox"><a href="productshow.html?data=datas6">耐高温切割机</a></div>
            <div class="mobilebox"><a href="productshow.html?data=datas7">能源介质控制箱</a></div>
        </div>
        <div class="mobiletab"><a href="newsCenter.html">新闻中心</a></div>
        <div class="mobiletab"><a href="TalentRecruitment.html">人才招聘</a></div>
        <div class="mobiletab"><a href="onlineMessage.html">在线留言</a></div>
        <div class="mobiletab"><a href="contactUs.html">联系我们</a></div>
    </div>
    
    <!-- flexible.js -->
    <script src="js/flexible.js"></script>
    <!-- 导航栏js -->
    <script src="js/nav.js"></script>
    <!-- 数据文件 -->
    <script src="js/products_data.js"></script>
    <!-- 默认加载数据文件 -->
    <script src="js/dataDefault.js"></script>
    <!-- 数据驱动文件 -->
    <script src="js/data_driven.js"></script>
    <!-- 尾部footer js -->
    <script src="js/footer.js"></script>
</body>
</html>
